// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  // background-color: rgba(0, 0, 0, 0);
}
// 定义滚动条轨道 内阴影+圆角
::-webkit-scrollbar-track {
  // background-color:rgba(0, 0, 0, 0.1);
  background: rgb(240, 243, 248);
}
// 定义滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgb(117, 130, 155);
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.zero-scrollbar {
  /* Firefox */
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;

  scrollbar-width: none;
  /* Firefox */
  /* Chrome/Safari */

  &::-webkit-scrollbar {
    display: none;

    width: 0;
  }
  /* Chrome/Safari */
}
